.scroll-height {
  padding: 30rpx;
  padding-top: 88rpx;
}
.scroll-width {
  padding-top: 88rpx;
}
.header-tabs {
  flex: 1;
  max-width: 66%;
  height: 88rpx;
}
.movie-box {
  position: relative;
  width: 100vw;
  overflow-x: hidden;
  .hot-movie-item {
    display: flex;
    align-items: center;
    height: 228rpx;
    font-size: 26rpx;
    color: #666;
    justify-content: space-between;
    border-bottom: 2rpx solid #e6e6e6;
    .movie-left {
      flex: 1;
      display: flex;
      align-items: center;
      max-width: 85%;
      .movie-image {
        width: 128rpx;
        height: 180rpx;
        margin-right: 20rpx;
      }
      .movie-info {
        flex: 1;
        max-width: 60%;
        .movie-name {
          font-size: 34rpx;
          color: #333;
          margin-bottom: 6rpx;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
        .movie-sc,
        .movie-star {
          margin-bottom: 6rpx;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
      }
    }
    .buy-ticket,
    .yushou,
    .wish-look {
      width: 94rpx;
      height: 56rpx;
      line-height: 56rpx;
      text-align: center;
      box-sizing: border-box;
      background-color: #f03d37;
      color: #fff;
      border-radius: 8rpx;
      white-space: nowrap;
      font-size: 24rpx;
      border: none;
    }
    .yushou {
      background-color: #3c9fe6;
    }
    .wish-look {
      background-color: #faaf00;
    }
  }
  .loading-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
  }
  .title {
    padding-top: 20rpx;
    padding-left: 30rpx;
    font-size: 28rpx;
    color: #333;
  }
  .scroll-x-box {
    display: flex;
    align-items: center;
    .scroll-x-item {
      width: 170rpx;
      margin-right: 20rpx;
      .scroll-x-img {
        width: 170rpx;
        height: 230rpx;
        margin-bottom: 8rpx;
      }
      .name {
        margin-bottom: 6rpx;
        font-size: 24rpx;
        color: #333;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
      .wish-look,
      .look-time {
        font-size: 24rpx;
        color: #999;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
    }
  }
}
.grade {
  font-weight: 700;
  color: #faaf00;
  font-size: 30rpx;
}
.load-flag {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 24rpx;
}
.p15 {
  padding: 30rpx;
}
.pt10 {
  padding-top: 20rpx;
}
.top-time {
  font-size: 28rpx;
  color: #333;
  margin-top: 20rpx;
}
.mr15 {
  margin-right: 30rpx;
}